<nz-spin [nzTip]="'正在提交数据...'" [nzSpinning]="nzSpinning">
    <div class="carouselAdd">
      <form nz-form [formGroup]="validateForm" class="login-form">
        <div nz-form-item nz-row>
          <div nz-form-control nz-col [nzSpan]="28">
            <div nz-form-item nz-row>
              <div nz-form-label nz-col [nzSpan]="8">
                <label>计划/方案名称</label>
              </div>
              <div nz-form-control nz-col [nzSpan]="14">
                <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">
                  <nz-input formControlName="discription" [(ngModel)]="bean.discription"></nz-input>
                </div>
              </div>
              <div nz-form-label nz-col [nzSpan]="">
                <div nz-form-explain
                     *ngIf="validateForm.controls.discription.dirty&&validateForm.controls.discription.hasError('required')">
                  计划/方案名称不能为空!
                </div>
              </div>
            </div>
            <div nz-form-item nz-row>
              <div nz-form-label nz-col [nzSpan]="8">
                <label>计划/方案时间</label>
              </div>
              <div nz-form-control nz-col [nzSpan]="14">
                <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">
                  <nz-datepicker [nzSize]="'middle'" [nzFormat]="'YYYY-MM-DD'"
                                 [(ngModel)]="startTime" [nzPlaceHolder]="'开始日期'"
                                 formControlName="startTime"></nz-datepicker>
                  至
                  <nz-datepicker [nzSize]="'middle'" [nzFormat]="'YYYY-MM-DD'"
                                 [(ngModel)]="endTime" [nzPlaceHolder]="'结束日期'"
                                 formControlName="endTime"></nz-datepicker>
                </div>
              </div>
            </div>
            <div nz-form-label nz-col [nzSpan]="12">
              <div nz-form-explain
                   *ngIf="validateForm.controls.startTime.dirty&&validateForm.controls.startTime.hasError('required')">
                开始日期不能为空!
              </div>
              <div nz-form-explain
                   *ngIf="validateForm.controls.endTime.dirty&&validateForm.controls.endTime.hasError('required')">
                结束日期不能为空!
              </div>
            </div>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="8">
            <label>附件</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="8">
            <div nz-form-control nz-col  [nzSm]="16" [nzXs]="16">
              <nz-upload
                nzAction="{{config.IP+config.API.upload}}"
                [(nzFileList)]="fileList"
                [nzRemove]="nzRemoveFile"
                (nzChange)="handleChange($event)">
                <button nz-button>
                    <i class="anticon anticon-upload"></i><span>上传</span>
                  </button>
              </nz-upload>
            </div>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-control nz-col [nzOffset]="'9'" [nzSpan]="3">
            <button nz-button class="login-form-button" [nzType]="'primary'" [nzSize]="'large'" (click)="submitForm()">添加</button>
          </div>
          <div nz-form-control nz-col [nzSpan]="2">
            <button nz-button class="login-form-button" [nzType]="'primary'" [nzSize]="'large'" (click)="quit()">取消</button>
          </div>
        </div>
      </form>
    </div>
  </nz-spin>
